<!--
 * @Author: gyc
 * @Date: 2020-07-01 14:38:16
 * @LastEditTime: 2020-07-01 14:45:27
 * @Description: Nuxt测试版
--> 
<template>
  <div class="share-tag">
    <span>动漫</span>
    <span>电影</span>
    <span>电视剧</span>
    <span>二刺猿</span>
  </div>
</template>

<script>
export default {
  name: "shareTag"
};
</script>

<style lang="scss" scoped>
.share-tag {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  box-shadow: 0px 0px 10px #eee;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer;
  span {
    &:hover {
      color: $gcolor;
      font-size: 16px;
    }
  }
}
</style>